<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min1.css"/>
		<link rel="stylesheet" type="text/css" href="css/index3.css"/>
		<link rel="icon" href="img/favicon2.ico" />
		<script src="js/jquery-3.3.1.js"></script>
		<script src="js/bootstrap.js"></script>
	</head>
	<body>
		<header>
			<img src="img/imgxx/logo1.png"/>
			<nav class="nav1">
				<ul>
					<li><a href="index3.html">图片</a></li>
					<li><a href="">视频</a></li>
					<li><a href="index4.html">字体</a></li>
					<li><a href="">音乐</a></li>
				</ul>
			</nav>
			<div class="us">
					<a href="">价格</a>
					<a href="">供图</a>
					<a href="">
						帮助
						<div class="helps">
							<p>快速指引</p>
							<p>热门回答</p>
							<p>人工服务</p>
						</div>
					</a>
					<a href="">登录/注册</a>
				</div>
		</header>
		<article>
			<img src="img/imgxx/t1.png"/>
		</article>
		<section class="section">
			<div class="nav2">
				<ul class="navv">
					<li class="">家居生活</li>
					<li>室内布局</li>
					<li>装修风格</li>
					<li>装饰色彩</li>
					<li>空房间</li>
				</ul>
			</div>
			<ul class="sect container">
				<li>
					<img src="img/imgxx/ban1.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">厨房做饭</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul1.jpg"/>
					<div class="bj"></div>
						<div class="text">
							<p class="p1">客厅一家人</p>
							<hr />
							<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul2.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">女性睡眠</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul3.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">早起</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul4.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">家庭聚餐</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul5.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">儿童睡眠</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul6.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">婴儿睡眠</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ban2.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">儿童玩耍</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
			</ul>
			<ul class="sect1 container">
				<li>
					<img src="img/imgxx/ul21.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">客厅</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul22.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">卧室</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul23.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">厨房</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul24.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">卫生间</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul25.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">儿童房</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul26.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">书房</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
			</ul>
			<ul class="sect1 container">
				<li>
					<img src="img/imgxx/ul31.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">新中式</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul32.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">欧式古典</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul33.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">北欧简约</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul34.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">MUJI风</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul35.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">工业风格</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul36.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">现代风格</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
			</ul>
			<ul class="sect1 container">
				<li>
					<img src="img/imgxx/ul41.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">粉色主题房间</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul42.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">白色主题房间</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul43.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">灰色主题房间</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul44.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">原木色主题房间</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul45.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">绿色主题房间</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul46.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">蓝色主题房间</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
			</ul>
			<ul class="sect1 container">
				<li>
					<img src="img/imgxx/ul51.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">奢华感空墙面</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul52.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">简约感空墙面</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul53.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">正面空场景</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul54.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">带角度空场景</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul55.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">地面视角放假</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
				<li>
					<img src="img/imgxx/ul56.jpg"/>
					<div class="bj"></div>
					<div class="text">
						<p class="p1">地毯与毛毯</p>
						<hr />
						<p class="p2">精选图册</p>
					</div>
				</li>
			</ul>	
		</section>
		<div class="wb">
			<p>在 276,395,720张正版图片中，寻找你的灵感</p>
		</div>
		<div class="search">
			<input type="text" name="" id="" value="" placeholder="请输入关键字搜索"/>
		</div>
		<section class="section1">
			<p>&nbsp;&nbsp;更多行业题材推荐&nbsp;&nbsp;</p>
			<ul class="lul">
				<li>
					<div><img src="img/imgxx/jr.svg"/></div>				
					<p class="p1">金融</p>
					<p class="p2">FINANCE</p>
					<p class="p3">进入专题<span></span></p>					
				</li>
				<li>
					<div><img src="img/imgxx/xin.svg"/></div>				
					<p class="p1">医疗</p>
					<p class="p2">MEDICAL</p>
					<p class="p3">进入专题<span></span></p></li>
				<li>
					<div><img src="img/imgxx/car.svg"/></div>				
					<p class="p1">汽车</p>
					<p class="p2">AUTOMOBILE</p>
					<p class="p3">进入专题<span></span></p></li>
				<li>
				<div><img src="img/imgxx/light.svg"/></div>				
					<p class="p1">科技</p>
					<p class="p2">SCIENCE</p>
					<p class="p3">进入专题<span></span></p></li>
			</ul>
		</section>
		<footer class="footer">
			<div class="foots">
				<div class="logo">
					<img src="img/imgxx/logo2.png"/>
					<img src="img/imgxx/logo3.png"/>
				</div>
				<div class="foot_right">
					<ul>
						<li>关于站酷海洛</li>
						<li>关于我们</li>
						<li>套餐价格</li>
						<li>海洛API</li>
						<li>授权协议</li>
						<li>隐私政策</li>
						<li>联系我们</li>
					</ul>
					<ul>
						<li>常见问题</li>
						<li>授权/版权</li>
						<li>购买/支付</li>
						<li>下载问题</li>
						<li>退款/退图</li>
						<li>流程相关</li>
						<li>关于套餐</li>
						<li>关于账户</li>
					</ul>
					<ul>
						<li>更多产品</li>
						<li>创意供图平台</li>
						<li>海洛PLUS</li>
					</ul>
					<ul>
						<li>关注我们</li>
						<li>
							<img src="img/imgxx/weixincode.jpg"/>
						</li>
						<li>更多创意</li>
						<li>产品咨询</li>
					</ul>
				</div>
			</div>
			<p>
				<span>北京站酷网络科技有限公司旗下产品</span> 
				<a href="">&nbsp;京ICP备11017824号-7</a>
				<a href="">京ICP证130164号</a> 
				<a href=""><img src=""/><img src="img/imgxx/f_logo.png"/>京公网安备 11010502034683号</a>
				<span>Copyright © 2014-2018 站酷海洛 版权所有</span>
				<a href=""><img src="img/imgxx/f_logo1.png" alt="" /></a>
				<a href=""><img src="img/imgxx/f_logo2.png" alt="" /></a>
				<a href=""><img src="img/imgxx/f_logo3.png" alt="" /></a>
				
			</p>
		</footer>
	</body>
	
	<script type="text/javascript">
		$('.nav2 li:first').addClass('before');
		$('.nav2 li').mouseover(function(){
			$(this).addClass('before').siblings().removeClass('before');
			var index=$(this).index();
			$('.section>ul').eq(index).css('display','block').siblings('ul').css('display','none')
		});
	</script>
</html>
